<template>
    <div class="film-item">
        <div class="film-img" style="background-image: url(./imgs/film.jpg)"></div>
        <div class="film-title">{{ film.filmName }}</div>
        <div class="film-source">
            <span class="star-img open"></span>
            <span class="star-img open"></span>
            <span class="star-img open"></span>
            <span class="star-img close"></span>
            <span class="star-img close"></span>
            <span class="star-source">7.9</span>
        </div>
    </div>
</template>
<script>
    Vue.component("FilmItem",{
        template:document.currentScript.ownerDocument.querySelector("template"),
        // props:["film"]
        props:{
            film:{
                type:Object,
                required:true,
                default(){
                    return {}
                }
            }
        }

    })


</script>